<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>地址管理</title>
		<link rel="stylesheet" type="text/css" href="css/commen.css" />
		<link rel="stylesheet" type="text/css" href="css/address.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/login_user.js" ></script>
	</head>
	<body>
		<!--头部-->
		<div class="header">
			<div class="header-top">
				<div class="navigation">
					<ul>
						<li><a href="#">网站导航</a></li>
						<li><a href="#">客户服务</a></li>
						<li><a href="user.html">会员中心</a></li>
						<li><a href="shop_cart.html">购物车</a></li>
						<li><a href="#">我的收藏</a></li>
						<li><a href="#">我的贺曼</a></li>
						<li><a href="register.html">注册</a></li>
						<li><a href="login.html">登录</a></li>
					</ul>
				</div>
			</div>
			<div class="header-conter">
				<a href="index.html" class="left"><img src="images/logo.jpg"></a>
				<div class="middle">
					<div class="search">
						<input type="text" class="btn" />
						<span>搜索</span>
					</div>
					<i>大家都在搜：<a href="pro_details.html">连衣裙</a>  <a href="pro_details.html">连体衣 </a> <a href="pro_details.html">儿童毯</a>  <a href="pro_details.html">帽子</a></i>
				</div>
				<a class="right"><img src="images/index01.jpg"></a>
			</div>
			<div class="header-bottom">
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="shop_list.html">特惠购</a></li>
						<li><a href="shop_list.html">闪购</a></li>
						<li><a href="shop_list.html">新品抢购</a></li>
						<li><a href="shop_list.html">全球购</a></li>
					</ul>
				</div>
				
			</div>
		</div>
		<div class="nav">

			<div class="sub-nav">
				<div class="pro-classify">
					<h2>全部产品分类</h2>
					<ul>
						<li>
							<a class="tx">
								婴幼儿服装>
							</a>
							<div class="pro">
								<dl>
									<dt>连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a2">
							<a class="tx">男童服装></a>
							<div class="pro">
								<dl>
									<dt>2连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a3">
							<a class="tx">女童服装></a>
							<div class="pro">
								<dl>
									<dt>3连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a4">
							<a class="tx">儿童配饰></a>
							<div class="pro">
								<dl>
									<dt>4连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a5">
							<a class="tx">婴儿家居></a>
							<div class="pro">
								<dl>
									<dt>5连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a6">
							<a class="tx">儿童家居></a>
							<div class="pro">
								<dl>
									<dt>6连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a7">
							<a class="tx">其他></a>
							<div class="pro">
								<dl>
									<dt>7连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
				<!--pro-classify-->
			</div>	
		</div>
		<!--头部 end-->
		<!--conter-->		
		<div class="conter">
			<h2><a href="index.html">首页</a><a href="user.html">>会员中心</a>>地址管理</h2>
			<div class="conter-left">
				<ul>
					<li>
						<h1>订单中心</h1>
						<a href="order.html">我的订单</a>
						<a href="#">我的回购订单</a>
						<a href="#">我的意外保单</a>
					</li>
					<li>
						<h1>个人中心</h1>
						<a href="address.html" class="on">地址管理</a>
						<a href="#">我的收藏</a>
						<a href="#">消息提醒</a>
						<a href="#">建议反馈</a>
					</li>
					<li>
						<h1>个人中心</h1>
						<a href="#">我的优惠券</a>
						<a href="#">我的红包</a>
						<a href="#">我的回购券</a>
					</li>
					<li>
						<h1>服务中心</h1>
						<a href="#">退款跟踪</a>
						<a href="#">补办意外保</a>
						<a href="#">以旧换新</a>
					</li>
				</ul>
			</div>
			<div class="conter-right">
				<div class="mid-top">
					<h3>新增收货地址<i>（您目前有地址1个，还可以再增加9个）</i></h3>
					<label class="name">
						<a><i>收货人姓名</i><input type="text" id="shname" placeholder="长度不超过12个字"></a>
						<a><i>收货人手机号</i><input type="text" id="phone" placeholder="输入11位手机号"></a>	
					</label>
					<label class="site">
						<i>收货人地址</i>
						<input type="text" id="province" placeholder="省/直辖市"/>
						<input type="text" id="city" placeholder="城市"/>
						<input type="text" id="county" placeholder="区/县"/>
						<input type="text" id="village" placeholder="乡镇/街道"/>
					</label>
					<label class="detail-site">
						<i>详细地址</i>
						<input type="text" id="site" placeholder="请输入不超过50个字的详细地址" />
					</label>
					<div class="default">
						<label>
							<input type="checkbox"/>
							<span>设为默认</span>
						</label>	
					</div>
					<button id="hold">保存</button>
				</div>
				<script>
				$(function(){
				
					
					$(".mid-top .default label").click(function(){
						if($(this).find("input").is(":checked")){
							$(this).find("input").removeAttr("checked")
							$(this).removeClass("on")
						}else{
							$(this).find("input").prop("checked","checked")
							$(this).addClass("on")
						}
					})
				})
					
				</script>
				<div class="mid-bottom">
					<h3>已有地址</h3>
					<table>
						<thead>
							<tr>
								<th>收货人姓名</th>
								<th>收货人手机号</th>
								<th>收货人地址</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="td-name">王红</td>
								<td class="td-phone">13345998622</td>
								<td class="td-hold">浙江省无锡市东街256号</td>
								<td class="td-handle">
									<span class="delete">删除</span>
									<span class="alter">修改</span>
									<label><i id="mo">设为</i>默认</label>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!--mid-bottom-->
			</div>
		</div>
				<script>
//				$(function(){
//						var Address = [];
//						var tbody = document.getElementsByTagName("tbody");
//							
//						$("#hold").click(function(){
//							var name = $("input#shname").val(),
//								phone = $("input#phone").val(),
//								province = $("input#province").val(),
//								city = $("input#city").val(),
//								county = $("input#county").val(),
//								village = $("input#village").val(),
//								site = $("input#site").val();
//							local(name,phone,province,city,county,village,site)
//						
//						})
//						
//						var storage = window.localStorage;
//						function local(name,phone,province,city,county,village,site){
//							var data = {
//							name:name,
//							phone:phone,
//							province:province,
//							city:city,
//							county:county,
//							village:village,
//							site:site
//							}
//							Address.push(data)
//						 	storage.setItem("Address",JSON.stringify(Address))
//						}
//						
//						var addlocal = storage.getItem("Address")
//						var	addjon = JSON.parse(addlocal);
//						
//						
//						if(addjon != null){
//							for(var i=0;i<addjon.length;i++){
//								Address.push(addjon[i])
//							}
//						}
//						
//						var dzoj = localStorage.getItem("proList");
//						if(dzoj!=null){
//							var Address = JSON.parse(dzoj);
//							for(var i=0;i<Address.length;i++){	
//								var tbody = document.getElementById("tbody");
//								var tr = document.createElement("tr");						
//								tbody.appendChild(tr);
//								
//								var td1 = document.createElement("td");
//								td1.setAttribute("class","td-name");
//								td1.innerHTML = Address[i].name;
//								tr.appendChild(td1);
//								
//								var td2 = document.createElement("td");
//								td2.setAttribute("class","td-phone");
//								td2.innerHTML = Address[i].phone;
//								tr.appendChild(td2);
//								
//								var td3 = document.createElement("td");
//								td3.setAttribute("class","td-hold");
//								td3.innerHTML = Address[i].province+Address[i].city+Address[i].county+Address[i].village+Address[i].site;
//								tr.appendChild(td3);
//								
//								var td4 = document.createElement("td");
//								td4.setAttribute("class","td-handle");
//								tr.appendChild(td4);
//								
//								var span4_1 = document.createElement("span");
//								span4_1.setAttribute("class","delete")
//								span4_1.innerHTML = "删除";
//								td4.appendChild(span4_1);
//								
//								var span4_2 = document.createElement("span");
//								span4_2.setAttribute("class","alter")
//								span4_2.innerHTML = "修改";
//								td4.appendChild(span4_2);
//								
//								var lable4 = document.createElement("label");
//								lable4.innerHTML = "默认";
//								td4.appendChild(lable4);
//								
//								var i4 = document.createElement("i");
//								i4.setAttribute("id","mo");
//								i4.innerHTML = "设为";
//								lable4.appendChild(i4)
//							}
//						}
//				})
//					
					
					/*********************************************/
					//删除
					$(".mid-bottom .delete").click(function(){
						$(this).parents().parent("tr").remove()
					})
					
					
					$(".mid-bottom tbody>tr>td label").click(function(){
						$(this).children("i").css("display","none")
						$(this).parent().parent().siblings("tr").find("label").children("i").css("display","block")
					})
				</script>
		<div class="footer">
			<div class="footer-top">
				<a class="code-left"><img src="images/code01.jpg"><span>官方微信</span></a>
				<a class="code-right"><img src="images/code02.jpg"><span>官方微博</span></a>
				<ul>
					<li>
						<i>7</i>
						<span>七天无理由退货</span>
					</li>
					<li>
						<i>优</i>
						<span>品质保证</span>
					</li>
					<li>
						<i>特</i>
						<span>特色服务体验</span>
					</li>
					<li>
						<i>？</i>
						<span>帮助中心</span>
					</li>
				</ul>
			</div>
			
			<!--footer-top-->
			<div class="footer-bottom">
				<p>
					<a href="about.html"><i>关于我们 </i></a>
					<a href="#"><i>购物袋 </i></a>
					<a href="#"><i>我的账户</i></a>
					<a href="#"><i>顾客查询</i></a>
					<a href="#"><i>产品优点</i></a>
					<a href="#"><i>零售网络</i></a>
					<a href="contact_us.html"><i>联络我们</i></a>
					<a href="#">Hallmark Babies 官方网站 Officia</a>
					<a href="#">Website</a>
				</p>
				<p><a class="left">Copyright © 2009-2016 MYBABYKID.COM 版权所有 </a><a href="#" class="right">使用条款 | 隐私及安全条例</a></p>
				<p> © Hallmark Cards, Inc.</p>
				<div class="attention">
					<p>立即关注</p>
					<p>最新产品</p>
					<p>优惠信息发布</p>
				</div>
			</div>
		</div>
				
	</body>
</html>
